<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/addCss/addCss.css"/>
		<title></title>
	</head>
	<body>
		
		<div class="warp">
			
			<div class="add-biaoti">
				<img src="../img/addImg/add-biaoti.png"/>
				<!--<h1>待着，生活的另一种可能</h1>-->
			</div>
			
			<ul class='add-xuanze'>
				<li>
					<span class="add-ioc1">&#xe617;</span>
					<p>状态</p>
					<p>此刻如何待着</p>
				</li>
				<li>
					<span class="add-ioc2">&#xe620;</span>
					<p>帖子</p>
					<p>分享你的生活态度</p>
				</li>
				<li>
					<span class="add-ioc3">&#xe62d;</span>
					<p>话题</p>
					<p>分享待着式生活</p>
				</li>
			</ul>

			<div class="add-off">
				<p id='off'>&#xe623;</p>
			</div>
			
		</div>
		
		
		<script type="text/javascript">
			var off=document.getElementById("off");
			var warp=document.getElementsByClassName('warp');
			var screenHeight=screen.availHeight;
			console.log(screenHeight);
			
			off.onclick=function(){
				warp[0].style.top=screenHeight+'px';
				warp[0].style.transition='all 1.2s ease-in';
				
			};
			
			window.onload=function(){
				warp[0].style.top=screenHeight+'px';
//				warp[0].style.transition='all 1.2s ease-in';
				
			}
			
			
		</script>
	</body>
</html>
